<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>联系我们 - Contact Us</title>
    <link rel="stylesheet" href="../css/contact-styles.css">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">
</head>
<body>
    <header>
        <div class="container">
            <h1 id="main-title">联系我们</h1>
            <div class="language-switcher">
                <button id="lang-zh" class="active">中文</button>
                <button id="lang-en">English</button>
            </div>
        </div>
    </header>

    <main class="container">
        <section class="contact-section">
            <div class="section-header">
                <h2 id="customer-service-title">客户服务</h2>
                <p id="customer-service-desc">我们的客服团队随时为您提供帮助</p>
            </div>
            <div class="contact-methods">
                <div class="contact-method">
                    <i class="fas fa-phone-alt"></i>
                    <h3 id="phone-title">电话支持</h3>
                    <p id="phone-desc">周一至周日 9:00-18:00</p>
                    <a href="tel:4001234567" class="contact-link">400-123-4567</a>
                </div>
                <div class="contact-method">
                    <i class="fab fa-weixin"></i>
                    <h3 id="wechat-title">微信客服</h3>
                    <p id="wechat-desc">扫描二维码添加客服微信</p>
                    <div class="wechat-qr">
                        <a href="tel:4001234567" class="contact-link">WeChat QR Code</a>
                    </div>
                </div>
                <div class="contact-method">
                    <i class="fas fa-envelope"></i>
                    <h3 id="email-title">电子邮件</h3>
                    <p id="email-desc">24小时内回复</p>
                    <a href="mailto:service@example.com" class="contact-link">service@example.com</a>
                </div>
            </div>
        </section>

        <section class="cooperation-section">
            <div class="section-header">
                <h2 id="cooperation-title">合作投稿中心</h2>
                <p id="cooperation-desc">欢迎加入我们的平台，共创美好未来</p>
            </div>
            <div class="cooperation-options">
                <div class="cooperation-option">
                    <div class="icon-box">
                        <i class="fas fa-map-marked-alt"></i>
                    </div>
                    <h3 id="local-guide-title">招募本地导游</h3>
                    <p id="local-guide-desc">如果您熟悉当地文化景点，欢迎加入我们的导游团队
                    </p>

                    <button id="apply-guide-btn" class="btn">立即申请</button>
                </div>
                <div class="cooperation-option">
                    <div class="icon-box">
                        <i class="fas fa-store"></i>
                    </div>
                    <h3 id="merchant-title">商家入驻</h3>
                    <p id="merchant-desc">为您的商家提供更多曝光机会和客户资源

                    </p>
                    <button id="apply-merchant-btn" class="btn">申请入驻</button>
                </div>
                <div class="cooperation-option">
                    <div class="icon-box">
                        <i class="fas fa-pen-fancy"></i>
                    </div>
                    <h3 id="contribution-title">内容投稿</h3>
                    <p id="contribution-desc">分享您的旅行故事或当地资讯

                    </p>
                    <button id="contribute-btn" class="btn">我要投稿</button>
                </div>
            </div>
        </section>

        <section class="faq-section">
            <div class="section-header">
                <h2 id="faq-title">常见问题</h2>
            </div>
            <div class="faq-list">
                <div class="faq-item">
                    <div class="faq-question">
                        <h3 id="faq1-q">如何成为认证导游？</h3>
                        <i class="fas fa-chevron-down"></i>
                    </div>
                    <div class="faq-answer">
                        <p id="faq1-a">请点击上方"立即申请"按钮填写申请表，我们会在3个工作日内审核您的资料并与您联系。</p>
                    </div>
                </div>
                <div class="faq-item">
                    <div class="faq-question">
                        <h3 id="faq2-q">商家入驻需要什么条件？</h3>
                        <i class="fas fa-chevron-down"></i>
                    </div>
                    <div class="faq-answer">
                        <p id="faq2-a">商家需提供营业执照和相关资质证明，通过审核后即可入驻平台。</p>
                    </div>
                </div>
            </div>
        </section>
    </main>

    <footer>
        <div class="container">
            <p id="copyright">&copy; 2023 旅行服务平台. 保留所有权利.</p>
        </div>
    </footer>

    <script src="../js/contact-scripts.js"></script>
</body>
</html>